<div class="portlet light " style="padding: 0px;width: 100%;">
  <div class="htrd-c-qunee-editor" >
    <div class="editor" data-options="region:'center'"></div>
    <div ng-show="!!lastCheckDateStr" class="htrd-c-qunee-tag" style="color: #3b8cff;background-color: #f0f9ff; padding:10px; margin-left:-6px">
      <span ng-bind="lastCheckDateStr" ></span>
    </div>

    <!-- 流程日志 -->
    <div class="htrd-c-qunee-editor-log" ng-class="{true: 'htrd-c-qunee-editor-log-show'}[!!!logShowState]"  >
      <div class="htrd-c-qunee-log-toggle-btn" ng-click="toggleLog();" >
        <span class="htrd-c-qunee-editor-log-text">运行日志</span>
        <div class="htrd-c-qunee-editor-icon" ng-class="{true: 'htrd-c-qunee-editor-icon-up', false: 'htrd-c-qunee-editor-icon-down'}[!!!logShowState]" ></div>
        <!-- <div style="width: 20px;height: 20px;margin: 5px auto;padding: 10px 0px;">
          <span class="glyphicon" ng-class="{true: 'glyphicon-chevron-up', false: 'glyphicon-chevron-down'}[!!!logShowState]" ></span>
        </div> -->
      </div>
      <div class="htrd-l-clear" ></div>
      <div class="htrd-c-qunee-log" ng-show="!!logShowState" >
        <ul>
          <li ng-repeat="item in logList" >
            <span ng-bind="item.created_at" ng-class="{true: 'error'}[!!item.status]" style="margin:4px 10px;" ></span>
            <span ng-bind="item.result_info" ng-class="{true: 'error'}[!!item.status]" ></span>
          </li>
        </ul>
      </div>
    </div>

    <!-- 流程属性 -->
    <div ng-if="processInfoState" class="htrd-c-qunee-editor-info" process-info="processInfo" qunee-editor-process-info ></div>

    <!-- 流程节点属性 -->
    <div ng-if="nodeInfoState" class="htrd-c-qunee-editor-info" node-info="nodeInfo" qunee-editor-node-info ></div>

    <!-- 流程执行历史 -->
    <div ng-if="historyListState && !!processId" class="htrd-c-qunee-editor-info" process-id="processId" history-list="historyList" qunee-editor-history-list ></div>
  </div>
</div>
